<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=0.5">
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="./res/css/main.css"/>
	<link rel="stylesheet" href="./res/css/jquery.mobile-1.3.2.min.css" />
	<script src="./res/js/jquery-1.9.1.min.js"></script>
	<script src="./res/js/custom-scripting.js"></script>
	<script src="./res/js/jquery.mobile-1.3.2.min.js"></script>
    <style></style>
</head>
<body>
<div class="mobile">
    <div class="header">
	    <div class="tool_top">
			<a href="#"><i class="icon-main"></i> </a>
			<span class="showall" onclick="showMenu();">全部[179] <a href="#"><i class="icon-sg"></i></a> </span>
			<a href="#"><i class="icon-search"></i> </a>
		</div>
		<div id="typeMenu" class="typeMenu" style="display:none;">
		    <table>
			  <tr>
			    <td class="typeName"><center>全部品牌</center></td>
				<td><a href="">雅思兰黛</a></td>
				<td><a href="">伊丽莎白雅顿</a></td>
				<td><a href="">倩碧</a></td>
				<td><a href="">兰蔻</a></td>
			  </tr>
			  <tr>
			    <td class="typeName"><center>全部分类</center></td>
				<td><a href="">面膜</a></td>
				<td><a href="">女士香水</a></td>
				<td><a href="">化妆品</a></td>
				<td><a href="">洁面乳</a></td>
			  </tr>
			</table>
		</div>
		<div class="tool_bar">
            <ul>
                <li id="renqi" onclick="changeType('renqi');" class="toolon"><span>人气 <img id="renqi_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
                <li id="jiage" onclick="changeType('jiage');" class="tooloff"><span>价格 <img id="jiage_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
                <li id="xiaoliang" onclick="changeType('xiaoliang');" class="tooloff"><span>销量 <img id="xiaoliang_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
                <li id="zhekou" onclick="changeType('zhekou');" class="tooloff"><span>折扣 <img id="zhekou_img" width="6" height="20" src="./res/images/down.png" style="vertical-align: middle;"/></span></li>
            </ul>
        </div>
    </div>
    <div class="content">
        <div class="ads">
            <img src="./res/upload/ads.png"/>
        </div>


        <ul class="g_list">
            <#list goodsPage.getList()  as goods>
            <li>
                <div class="g_img"><a href="/web/detail/${goods.id}"><img src="${goods.img}"></a></div>
                <div class="g_desc">
                    <p>${goods.name}...</p>

                    <p class="price_bar"><span class="price">￥${goods.price!}</span><s class="oprice">￥${goods.market!}</s><span
                            class="percent">${goods.rebate!} 折</span></p>

                    <p class="buy_bar">
                        <span>
                            <i class="icon-star"></i>
                            <i class="icon-star"></i>
                            <i class="icon-star"></i>
                            <i class="icon-star"></i>
                        </span>
                        <span class="cont_person">18人</span>
                        <a href="./order.html" class="cart_btn"><i class="icon-cart-btn"></i> </a>
                    </p>
                </div>
            </li>

        </#list>
        </ul>
    </div>
    <div class="footer black_bg">
        <ul class="footer_bar">
            <li><i class="icon-group"></i><a>今日团购</a></li>
            <li><i class="icon-ship"></i><a>名牌商城</a></li>
            <li><i class="icon-hot"></i><a>名品特卖</a></li>
            <li><i class="icon-cart"></i><a>购物车</a></li>
            <li><i class="icon-bag"></i><a>我的购物</a></li>
        </ul>
    </div>
</div>
</body>
</html>